import { Component, OnInit, ViewChild } from '@angular/core';

@Component({
  selector: 'app-demo3',
  templateUrl: './demo3.component.html',
  styles: []
})
export class Demo3Component implements OnInit {
  @ViewChild('tooltip', { static: false }) tooltip;

  value: number = 10;

  visible: boolean = false;

  constructor() {}

  ngOnInit() {}

  focus(e) {
    this.tooltip.show();
  }

  blur(e) {
    this.tooltip.hide();
  }
}
